
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script>
</head>
<body onload="onLoad();" onresize="onResize();">
    <div id="my-timeline" style="height: 300px; border: 1px solid #aaa"></div>
    <noscript>This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to
        see the full page. Thank you.</noscript>

    <script type="text/javascript">
					var tl;
					function onLoad() {
						var eventSource = new Timeline.DefaultEventSource();
						var bandInfos = [ Timeline.createBandInfo({
							eventSource : eventSource,
							date : "Jun 28 2006 00:00:00 GMT",
							width : "70%",
							intervalUnit : Timeline.DateTime.MONTH,
							intervalPixels : 100
						}), Timeline.createBandInfo({
							eventSource : eventSource,
							date : "Jun 28 2006 00:00:00 GMT",
							width : "30%",
							intervalUnit : Timeline.DateTime.YEAR,
							intervalPixels : 200
						}) ];
						bandInfos[1].syncWith = 0;
						bandInfos[1].highlight = true;

						tl = Timeline.create(document
								.getElementById("my-timeline"), bandInfos);
						Timeline.loadXML("example1.xml", function(xml, url) {
							eventSource.loadXML(xml, url);
						});
					}
				</script>

   

</body>
</html>

<!-- open -a Google\ Chrome.app --args "--allow-file-access-from-files" -->


